<template>
	<div>
		<a  class="collect_btn" @click="changeCollectStuta">
			<i class="icon njfont" :class="{'nj-yishoucang':flag,'nj-shoucang':!flag}">
				
			</i>
		</a>
	</div>
</template>

<script>
	export default {
		props:{
			changeCollectStuta: {
            	type: Function,
                default: ()=>{}
           },
           flag:{
           		type: Boolean,
           		default: false
           }
		},
		created(){
			console.log(this.flag,'this.flag');
		},
		data(){
			return {
				
			}
		},
		watch:{
			changeCollectStuta(){},
			flag(){},
		}
	}
</script>

<style scoped="scoped">
	.collect_btn{
		position: absolute;
	}
	.nj-yishoucang:before {
   		 content: "\e707";
	}
	.nj-shoucang:before {
	    content: "\e6f9";
	}
</style>